import React from 'react';
import ReactDOM from 'react-dom';

import './04Style.css'

//  这个没有舍补充，怎么搞？
//  但是，这个样式去哪里找呢？ 怎么知道如何去写？
let exampleStyle = {
    background: "skyBlue",
    borderBottom:"10px solid red",
    height: 40,
} //这个应该相当于#exampleStyle ， 相当于以前的id方式设置style！暂时这样理解

let element = (
    <div>
        {/* 这里写注释， 大括号里面写注释*/}
        {/* <h1 style="heieght:400px" style={exampleStyle}>  不允许这儿样的字符串写法的 */}
        <h1 style={exampleStyle}>
            你好
        </h1>
      
    </div>
)

let classStr = "redBg";
let element2 = (
    <div>
    <h1 className={classStr}>
        你好
    </h1>
</div>
)



// 这样就可以传入多个style进行组合了
let classStr2 = ["orangeBg","adb"].join(" ")
//  这样就可以两个类放进来
// // 应为表达式是允许放数组的
// // 这个同样是报错的，应该是以前不报错而已
let element3 = (
    <div>
    <h1 className={classStr2}>
       你好
    </h1>
</div>
)

ReactDOM.render(element3, document.querySelector('#root'));


//  jsx注释